<%@ page language="java" contentType="text/html; charset=UTF-8"
         pageEncoding="UTF-8" %>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<c:set var="ctx" value="${pageContext.request.contextPath}"/>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>比赛详情/投票</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="keywords" content="" />
    <script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
    <!-- /css files -->
    <link href="${ctx}/static/css/bootstrap.min.css" rel="stylesheet" type="text/css" media="all" />
    <link href="${ctx}/static/css/font-awesome.min.css" rel="stylesheet" type="text/css" media="all" />
    <link href="${ctx}/static/css/typo.css" rel="stylesheet" type="text/css" media="all"/>
    <link href="${ctx}/static/css/portfolio.css" rel="stylesheet" type="text/css" media="all"/>
    <link href="${ctx}/static/css/serv.css" rel="stylesheet" type="text/css" media="all"/>
    <link href="${ctx}/static/css/nav.css" rel="stylesheet" type="text/css" media="all"/>
    <link href="${ctx}/static/css/style.css" rel="stylesheet" type="text/css" media="all"/>
    <!-- js files -->
    <script src="${ctx}/static/js/modernizr.custom.js"></script>
    <!-- /js files -->

    <%--show_some_image_js_and_css--%>
<%--
    <link href='http://fonts.useso.com/css?family=Archivo+Narrow:400,700' rel='stylesheet' type='text/css'>
--%>
    <!--fonts-->
    <!--link css-->
    <link rel="stylesheet" type="text/css" href="css/normalize.css" />
    <link rel="stylesheet" type="text/css" href="css/demo.css" />

    <!--coustom css-->
    <link href="${ctx}/static/show_some_image/css/style.css" rel="stylesheet" type="text/css"/>
    <!--default-js-->
    <script src="${ctx}/static/show_some_image/js/jquery-2.1.4.min.js"></script>
    <!--bootstrap-js-->
    <script src="${ctx}/static/show_some_image/js/bootstrap.min.js"></script>
    <!--script-->
</head>
</head>
<body>
<!-- banner section -->
<section class="banner-w3ls">
    <div class="container">
        <div id="myCarousel" class="carousel slide" data-ride="carousel" data-interval="3500" data-pause="false">
            <div class="carousel-inner" role="listbox">
                <div class="item active">
                    <div class="carousel-caption">
                        <h3>校园十佳歌手大赛</h3>
                        <span class="line-w3ls"></span>
                        <p>2018.6.30火热开唱，为你喜欢的选手投票助威</p>
                    </div>
                </div>
                <div class="item">
                    <div class="carousel-caption">
                        <h3>重庆市第十三届国际歌曲明星赛</h3>
                        <span class="line-w3ls"></span>
                        <p>&nbsp;&nbsp;全城火热投票中······</p>
                    </div>
                </div>

            </div>
        </div><!-- /.carousel -->
    </div>
</section>
<!-- /banner section -->
<!-- navigation -->
<section class="navigation">
    <div class="container">
        <div class="row">
            <div class="col-lg-5 col-md-5 col-sm-5 nav-w3ls1">
                <div class="logo">
                    <a href="index.jsp" class="logo-w3ls"><h1>生命蓝在线投票系统</h1></a>
                </div>
            </div>
            <div class="col-lg-7 col-md-7 col-sm-7 nav-w3ls2">
                <div class="main clearfix">
                    <nav id="menu" class="nav">
                        <ul>
                            <li >
                                <a href="${ctx}/user/toindex">
                                    <span class="icon"><i aria-hidden="true" class="icon-home"></i></span>
                                    <span>首页</span>
                                </a>
                            </li>
                            <li class="active">
                                <a href="${ctx}/user/tomatch">
                                    <span class="icon"><i aria-hidden="true" class="icon-services"></i></span>
                                    <span>投票活动</span>
                                </a>
                            </li>


                            <c:if test="${user==null}">
                                <li>
                                    <a href="${ctx}/user/toLogin">
                                        <span class="icon"><i aria-hidden="true" class="icon-portfolio"></i></span>
                                        <span>登陆</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="${ctx}/user/toRegist">
                                        <span class="icon"><i aria-hidden="true" class="icon-team"></i></span>
                                        <span>注册</span>
                                    </a>
                                </li>
                            </c:if>

                            <c:if test="${user!=null}">
                                <li>
                                    <a href="#">
                                        <span class="icon"><i aria-hidden="true" class="icon-portfolio"></i></span>
                                        <span>${user.name}</span>
                                    </a>
                                </li>

                                <li>
                                    <a href="${ctx}/user/outLogin">
                                        <span class="icon"><i aria-hidden="true" class="icon-team"></i></span>
                                        <span>注销</span>
                                    </a>
                                </li>
                            </c:if>

                            <li>
                                <a href="#">
                                    <span class="icon"><i aria-hidden="true" class="icon-contact"></i></span>
                                    <span>关于我们</span>
                                </a>
                            </li>
                        </ul>
                    </nav>
                </div>
            </div>
        </div>
    </div>
</section>

<section class="service-w3ls">
    <h3 class="text-center w3layouts w3 w3l w3ls agileits-w3layouts agile w3-agile" style="color: red;">投票活动进行中</h3>

    <div class="container">
        <!-- Service Panels -->
        <div class="row" >

            <c:forEach items="${selectList}" var="match" varStatus="stat">
                <div class="col-lg-3 col-md-3 col-sm-6 serv-w3ls" >
                    <div class="thumbnail" style="padding: 0px;height:400px;">
                        <div class="hi-icon-wrap hi-icon-effect-5 hi-icon-effect-5a">
                            <a href="${ctx}/pk/listpk?matchId=${match.matchId}">
                                <div style="width: 260px;height: 220px;background: pink;">
                                    <img id="matchImage" src="${match.matchImage}" width="260" height="220">
                                </div>
                            </a>
                        </div>

                        <a href="${ctx}/pk/listpk?matchId=${match.matchId}" name="matchName">
                            <h4 class="text-center" style="margin-bottom: 10px;overflow: hidden">

                                <tr id="data_${stat.index}" align="center" class="main_trbg" onMouseOver="move(this);" onMouseOut="out(this);">
                                    <tbody>
                                    <td>${match.matchName}</td>
                                    </tbody>
                                </tr>

                            </h4></a>
                        <div style="width: 220px;height:80px;margin: 10px 20px;text-align: center;">
                            <div style="width: 60px;height: 60px; margin-right: 10px;float: left;">
                                <div style="width: 60px;height: 30px; line-height: 30px;">
                                        ${match.voteNumber}
                                </div>
                                <div style="width: 60px;height: 30px;line-height: 30px;">
                                    总票数
                                </div>
                            </div>

                            <div style="width: 60px;height: 60px; margin-right: 10px;float: left;">
                                <div style="width: 60px;height: 30px; line-height: 30px;">
                                    6235
                                </div>
                                <div style="width: 60px;height: 30px;line-height: 30px;">
                                    访问量
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </c:forEach>


        </div>
    </div>
</section>

    <h3 class="text-center w3layouts w3 w3l w3ls agileits-w3layouts agile w3-agile" style="color: green;margin-top: 30px;">历史投票活动</h3>
    <div class="container">
        <!-- Service Panels -->
        <div class="row" >
            <div class="col-lg-3 col-md-3 col-sm-6 serv-w3ls" >
                <div class="thumbnail" style="padding: 0px;height:460px;">
                    <div class="hi-icon-wrap hi-icon-effect-5 hi-icon-effect-5a">
                        <a href="#">
                            <div style="width: 260px;height: 220px;background: pink;">
                                <img src="${ctx}/static/images/zhanfang1.png" width="260" height="220">
                            </div>
                        </a>
                    </div>
                    <a href="#"><h4 class="text-center" style="height: 125px;"> 绽放杯”5G应用征集大赛“最佳人气奖”投票平台</h4></a>
                    <div style="width: 220px;height:80px;margin: 10px 20px;text-align: center;">
                        <div style="width: 60px;height: 60px; margin-right: 10px;float: left;">
                            <div style="width: 60px;height: 30px; line-height: 30px;">
                                70
                            </div>
                            <div style="width: 60px;height: 30px; line-height: 30px;">
                                选手
                            </div>
                        </div>

                        <div style="width: 60px;height: 60px; margin-right: 10px;float: left;">
                            <div style="width: 60px;height: 30px; line-height: 30px;">
                                4365
                            </div>
                            <div style="width: 60px;height: 30px;line-height: 30px;">
                                总票数
                            </div>
                        </div>

                        <div style="width: 60px;height: 60px; margin-right: 10px;float: left;">
                            <div style="width: 60px;height: 30px; line-height: 30px;">
                                6235
                            </div>
                            <div style="width: 60px;height: 30px;line-height: 30px;">
                                访问量
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <div class="col-lg-3 col-md-3 col-sm-6 serv-w3ls" >
                <div class="thumbnail" style="padding: 0px;height:460px;">
                    <div class="hi-icon-wrap hi-icon-effect-5 hi-icon-effect-5a" >
                        <a href="#">
                            <div style="width: 260px;height: 220px;background: pink;">
                                <img src="${ctx}/static/images/haiwang.png" width="260" height="220">
                            </div>
                        </a>
                    </div>
                    <a href="#"><h4 class="text-center" style="height: 125px;">海王星辰“幸福杯”POP大赛</h4></a>
                    <div style="width: 220px;height:80px;margin: 10px 20px;text-align: center;">
                        <div style="width: 60px;height: 60px; margin-right: 10px;float: left;">
                            <div style="width: 60px;height: 30px; line-height: 30px;">
                                78
                            </div>
                            <div style="width: 60px;height: 30px; line-height: 30px;">
                                选手
                            </div>
                        </div>

                        <div style="width: 60px;height: 60px; margin-right: 10px;float: left;">
                            <div style="width: 60px;height: 30px; line-height: 30px;">
                                4868
                            </div>
                            <div style="width: 60px;height: 30px;line-height: 30px;">
                                总票数
                            </div>
                        </div>

                        <div style="width: 60px;height: 60px; margin-right: 10px;float: left;">
                            <div style="width: 60px;height: 30px; line-height: 30px;">
                                7236
                            </div>
                            <div style="width: 60px;height: 30px;line-height: 30px;">
                                访问量
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <div class="col-lg-3 col-md-3 col-sm-6 serv-w3ls">
                <div class="thumbnail" style="padding: 0px;height:460px;">
                    <div class="hi-icon-wrap hi-icon-effect-5 hi-icon-effect-5a">
                        <a href="#">
                            <div style="width: 260px;height: 220px;background: pink;">
                                <img src="${ctx}/static/images/fendou.png" width="260" height="220">
                            </div>
                        </a>
                    </div>
                    <a href="#"><h4 class="text-center" style="height: 125px;">奋斗的青春最美丽”第十二届“历城十大杰出青年”评选</h4></a>
                    <div style="width: 220px;height:80px;margin: 10px 20px;text-align: center;">
                        <div style="width: 60px;height: 60px; margin-right: 10px;float: left;">
                            <div style="width: 60px;height: 30px; line-height: 30px;">
                                80
                            </div>
                            <div style="width: 60px;height: 30px; line-height: 30px;">
                                选手
                            </div>
                        </div>

                        <div style="width: 60px;height: 60px; margin-right: 10px;float: left;">
                            <div style="width: 60px;height: 30px; line-height: 30px;">
                                5395
                            </div>
                            <div style="width: 60px;height: 30px;line-height: 30px;">
                                总票数
                            </div>
                        </div>

                        <div style="width: 60px;height: 60px; margin-right: 10px;float: left;">
                            <div style="width: 60px;height: 30px; line-height: 30px;">
                                6235
                            </div>
                            <div style="width: 60px;height: 30px;line-height: 30px;">
                                访问量
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <div class="col-lg-3 col-md-3 col-sm-6 serv-w3ls">
                <div class="thumbnail" style="padding: 0px;height:460px;">
                    <div class="hi-icon-wrap hi-icon-effect-5 hi-icon-effect-5a">
                        <a href="#">
                            <div style="width: 260px;height: 220px;background: pink;">
                                <img src="${ctx}/static/images/puer.png" width="260" height="220">
                            </div>
                        </a>
                    </div>
                    <a href="#"><h4 class="text-center" style="height: 125px;">普洱市孟连县楠铃锻第一届摄影大赛</h4></a>
                    <div style="width: 220px;height:80px;margin: 10px 20px;text-align: center;">
                        <div style="width: 60px;height: 60px; margin-right: 10px;float: left;">
                            <div style="width: 60px;height: 30px; line-height: 30px;">
                                92
                            </div>
                            <div style="width: 60px;height: 30px; line-height: 30px;">
                                选手
                            </div>
                        </div>

                        <div style="width: 60px;height: 60px; margin-right: 10px;float: left;">
                            <div style="width: 60px;height: 30px; line-height: 30px;">
                                7388
                            </div>
                            <div style="width: 60px;height: 30px;line-height: 30px;">
                                总票数
                            </div>
                        </div>

                        <div style="width: 60px;height: 60px; margin-right: 10px;float: left;">
                            <div style="width: 60px;height: 30px; line-height: 30px;">
                                9999
                            </div>
                            <div style="width: 60px;height: 30px;line-height: 30px;">
                                访问量
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <div class="col-lg-3 col-md-3 col-sm-6 serv-w3ls" >
                <div class="thumbnail" style="padding: 0px;height:460px;">
                    <div class="hi-icon-wrap hi-icon-effect-5 hi-icon-effect-5a">
                        <a href="#">
                            <div style="width: 260px;height: 220px;background: pink;">
                                <img src="${ctx}/static/images/zhanfang1.png" width="260" height="220">
                            </div>
                        </a>
                    </div>
                    <a href="#"><h4 class="text-center" style="height: 125px;"> 绽放杯”5G应用征集大赛“最佳人气奖”投票平台</h4></a>
                    <div style="width: 220px;height:80px;margin: 10px 20px;text-align: center;">
                        <div style="width: 60px;height: 60px; margin-right: 10px;float: left;">
                            <div style="width: 60px;height: 30px; line-height: 30px;">
                                70
                            </div>
                            <div style="width: 60px;height: 30px; line-height: 30px;">
                                选手
                            </div>
                        </div>

                        <div style="width: 60px;height: 60px; margin-right: 10px;float: left;">
                            <div style="width: 60px;height: 30px; line-height: 30px;">
                                4365
                            </div>
                            <div style="width: 60px;height: 30px;line-height: 30px;">
                                总票数
                            </div>
                        </div>

                        <div style="width: 60px;height: 60px; margin-right: 10px;float: left;">
                            <div style="width: 60px;height: 30px; line-height: 30px;">
                                6235
                            </div>
                            <div style="width: 60px;height: 30px;line-height: 30px;">
                                访问量
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <div class="col-lg-3 col-md-3 col-sm-6 serv-w3ls" >
                <div class="thumbnail" style="padding: 0px;height:460px;">
                    <div class="hi-icon-wrap hi-icon-effect-5 hi-icon-effect-5a" >
                        <a href="#">
                            <div style="width: 260px;height: 220px;background: pink;">
                                <img src="${ctx}/static/images/haiwang.png" width="260" height="220">
                            </div>
                        </a>
                    </div>
                    <a href="#"><h4 class="text-center" style="height: 125px;">海王星辰“幸福杯”POP大赛</h4></a>
                    <div style="width: 220px;height:80px;margin: 10px 20px;text-align: center;">
                        <div style="width: 60px;height: 60px; margin-right: 10px;float: left;">
                            <div style="width: 60px;height: 30px; line-height: 30px;">
                                78
                            </div>
                            <div style="width: 60px;height: 30px; line-height: 30px;">
                                选手
                            </div>
                        </div>

                        <div style="width: 60px;height: 60px; margin-right: 10px;float: left;">
                            <div style="width: 60px;height: 30px; line-height: 30px;">
                                4868
                            </div>
                            <div style="width: 60px;height: 30px;line-height: 30px;">
                                总票数
                            </div>
                        </div>

                        <div style="width: 60px;height: 60px; margin-right: 10px;float: left;">
                            <div style="width: 60px;height: 30px; line-height: 30px;">
                                7236
                            </div>
                            <div style="width: 60px;height: 30px;line-height: 30px;">
                                访问量
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <div class="col-lg-3 col-md-3 col-sm-6 serv-w3ls">
                <div class="thumbnail" style="padding: 0px;height:460px;">
                    <div class="hi-icon-wrap hi-icon-effect-5 hi-icon-effect-5a">
                        <a href="#">
                            <div style="width: 260px;height: 220px;background: pink;">
                                <img src="${ctx}/static/images/fendou.png" width="260" height="220">
                            </div>
                        </a>
                    </div>
                    <a href="#"><h4 class="text-center" style="height: 125px;">奋斗的青春最美丽”第十二届“历城十大杰出青年”评选</h4></a>
                    <div style="width: 220px;height:80px;margin: 10px 20px;text-align: center;">
                        <div style="width: 60px;height: 60px; margin-right: 10px;float: left;">
                            <div style="width: 60px;height: 30px; line-height: 30px;">
                                80
                            </div>
                            <div style="width: 60px;height: 30px; line-height: 30px;">
                                选手
                            </div>
                        </div>

                        <div style="width: 60px;height: 60px; margin-right: 10px;float: left;">
                            <div style="width: 60px;height: 30px; line-height: 30px;">
                                5395
                            </div>
                            <div style="width: 60px;height: 30px;line-height: 30px;">
                                总票数
                            </div>
                        </div>

                        <div style="width: 60px;height: 60px; margin-right: 10px;float: left;">
                            <div style="width: 60px;height: 30px; line-height: 30px;">
                                6235
                            </div>
                            <div style="width: 60px;height: 30px;line-height: 30px;">
                                访问量
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <div class="col-lg-3 col-md-3 col-sm-6 serv-w3ls">
                <div class="thumbnail" style="padding: 0px;height:460px;">
                    <div class="hi-icon-wrap hi-icon-effect-5 hi-icon-effect-5a">
                        <a href="#">
                            <div style="width: 260px;height: 220px;background: pink;">
                                <img src="${ctx}/static/images/puer.png" width="260" height="220">
                            </div>
                        </a>
                    </div>
                    <a href="#"><h4 class="text-center" style="height: 125px;">普洱市孟连县楠铃锻第一届摄影大赛</h4></a>
                    <div style="width: 220px;height:80px;margin: 10px 20px;text-align: center;">
                        <div style="width: 60px;height: 60px; margin-right: 10px;float: left;">
                            <div style="width: 60px;height: 30px; line-height: 30px;">
                                92
                            </div>
                            <div style="width: 60px;height: 30px; line-height: 30px;">
                                选手
                            </div>
                        </div>

                        <div style="width: 60px;height: 60px; margin-right: 10px;float: left;">
                            <div style="width: 60px;height: 30px; line-height: 30px;">
                                7388
                            </div>
                            <div style="width: 60px;height: 30px;line-height: 30px;">
                                总票数
                            </div>
                        </div>

                        <div style="width: 60px;height: 60px; margin-right: 10px;float: left;">
                            <div style="width: 60px;height: 30px; line-height: 30px;">
                                9999
                            </div>
                            <div style="width: 60px;height: 30px;line-height: 30px;">
                                访问量
                            </div>
                        </div>
                    </div>
                </div>
            </div>


        </div>
    </div>

</section>

<!-- partners section -->
<section class="partners">
    <div class="container">
        <h3 class="text-center">合作伙伴</h3>
        <p class="text-center">专注 高效 影响力 只为更懂你</p>
        <div class="sliderfig">
            <ul id="flexiselDemo1">
                <li>
                    <img src="${ctx}/static/images/part-img7.jpg" alt="w3layouts" title="w3layouts" class="img-responsive" />
                </li>
                <li>
                    <img src="${ctx}/static/images/part-img6.jpg" alt="w3layouts" title="w3layouts" class="img-responsive" />
                </li>
                <li>
                    <img src="${ctx}/static/images/part-img4.jpg" alt="w3layouts" title="w3layouts" class="img-responsive" />
                </li>
                <li>
                    <img src="${ctx}/static/images/part-img3.jpg" alt="w3layouts" title="w3layouts" class="img-responsive" />
                </li>
                <li>
                    <img src="${ctx}/static/images/part-img2.jpg" alt="w3layouts" title="w3layouts" class="img-responsive" />
                </li>
                <li>
                    <img src="${ctx}/static/images/part-img5.png" alt="w3layouts" title="w3layouts" class="img-responsive" />
                </li>
                <li>
                    <img src="${ctx}/static/images/part-img1.jpg" alt="w3layouts" title="w3layouts" class="img-responsive" />
                </li>
            </ul>
        </div>
    </div>
</section>
<!-- /partners section -->
<!-- footer section -->
<section class="footer">
    <div class="container">
        <div class="row">
            <div class="col-lg-4 col-md-4 footer-w3ls1">
                <h3>我们的优势</h3>
                <p class="footer-p1">
                    1.是任何一次商演（时间短、影响范围小）、电视（投入大，效果不明显）
                    或者户外广告（不能快速吸引消费者眼球）在投入产出效率上都难以企及的。  
                </p>
                <p class="footer-p1">2.迅速提升活动商家的广告价值，降低商家广告成本，提高知名度以及美誉度。
                <p class="footer-p1">
                    3.网络投票的主要目的就是人群放大：通过网络投票，可以吸引大量的选手及相关亲友的关注，
                    通过以往的数据统计，一名选手参与投票，会带动60人参与。这样可以最大程度的向客户展现实力，扩大社会影响力。</p>
            </div>
            <div class="col-lg-4 col-md-4 footer-w3ls2">
                <h3>发布投票/提供赞助</h3>
                <p class="footer-p1">举办投票活动或提供赞助，请联系我们，专业团队为您服务</p>
                <div class="sub-w3ls">
                    <form action="#" method="post">
                        <div class="form-group">
                            <label for="inputEmail1" class="col-lg-4 control-label"></label>
                            <input type="email" name="email" class="form-control" id="inputEmail1" placeholder="Email" required>
                        </div>
                        <div class="form-group">
                            <button type="submit" class="btn-outline">订阅</button>
                        </div>
                    </form>
                </div>
            </div>
            <div class="col-lg-4 col-md-4 footer-w3ls3">
                <h3>社交方式/分享</h3>
                <ul class="social-icons">
                    <li><a href="#"><i class="fa fa-facebook"></i>Facebook（脸盆网）</a></li>
                    <li><a href="#"><i class="fa fa-twitter"></i>Twitter（推特）</a></li>
                    <li><a href="#"><i class="fa fa-linkedin"></i>Linkedin（领英）</a></li>
                    <li><a href="#"><i class="fa fa-google-plus"></i>Googleplus（谷歌）</a></li>
                </ul>
            </div>
        </div>
        <hr>
        <div class="row">
            <div class="col-lg-7 copy-w3ls1">
                <ul class="nav-links">
                    <li><a href="index.jsp">首页</a></li>
                    <li><a href="#">投票活动</a></li>
                    <li><a href="#">登陆</a></li>
                    <li><a href="#">注册</a></li>
                    <li><a href="contact.jsp">关于我们</a></li>
                </ul>
            </div>
            <div class="col-lg-5 copy-w3ls2">
                <p class="copyright">Copyright &copy; 2018.Company name All rights reserved.More Templates <a href="#" target="_blank" >生命蓝在线投票系统</a> - Collect from <a href="#" title="效率 高效 影响力" target="_blank">生命蓝</a></p>
            </div>
        </div>
    </div>
</section>
<!-- back to top -->
<a href="#0" class="cd-top">Top</a>
<!-- /back to top -->
<!-- js files -->
<script src="${ctx}/static/js/jquery.min.js"></script>
<script src="${ctx}/static/js/bootstrap.min.js"></script>
<script src="${ctx}/static/js/SmoothScroll.min.js"></script>
<!-- js for back to top -->
<script src="${ctx}/static/js/top.js"></script>
<!-- /js for back to top -->
<!-- js for navigation -->
<script>
    //  The function to change the class
    var changeClass = function (r,className1,className2) {
        var regex = new RegExp("(?:^|\\s+)" + className1 + "(?:\\s+|$)");
        if( regex.test(r.className) ) {
            r.className = r.className.replace(regex,' '+className2+' ');
        }
        else{
            r.className = r.className.replace(new RegExp("(?:^|\\s+)" + className2 + "(?:\\s+|$)"),' '+className1+' ');
        }
        return r.className;
    };

    //  Creating our button in JS for smaller screens
    var menuElements = document.getElementById('menu');
    menuElements.insertAdjacentHTML('afterBegin','<button type="button" id="menutoggle" class="navtoogle" aria-hidden="true"><i aria-hidden="true" class="icon-menu"> </i> Menu</button>');

    //  Toggle the class on click to show / hide the menu
    document.getElementById('menutoggle').onclick = function() {
        changeClass(this, 'navtoogle active', 'navtoogle');
    }

    document.onclick = function(e) {
        var mobileButton = document.getElementById('menutoggle'),
            buttonStyle =  mobileButton.currentStyle ? mobileButton.currentStyle.display : getComputedStyle(mobileButton, null).display;

        if(buttonStyle === 'block' && e.target !== mobileButton && new RegExp(' ' + 'active' + ' ').test(' ' + mobileButton.className + ' ')) {
            changeClass(mobileButton, 'navtoogle active', 'navtoogle');
        }
    }
</script>
<!-- /js for navigation -->
<!-- js for about section -->
<script src="${ctx}/static/js/slideshow.js"></script>
<!-- /js for about section -->
<!-- js for stats section -->
<script type="text/javascript" src="js/numscroller-1.0.js"></script>
<!-- /js for stats section -->
<script type="text/javascript">
    $(window).load(function() {
        $("#flexiselDemo1").flexisel({
            visibleItems: 4,
            animationSpeed: 1000,
            autoPlay: true,
            autoPlaySpeed: 3000,
            pauseOnHover: true,
            enableResponsiveBreakpoints: true,
            responsiveBreakpoints: {
                portrait: {
                    changePoint:480,
                    visibleItems: 1
                },
                landscape: {
                    changePoint:640,
                    visibleItems:2
                },
                tablet: {
                    changePoint:768,
                    visibleItems: 3
                }
            }
        });

    });
</script>
<script type="text/javascript" src="${ctx}/static/js/jquery.flexisel.js"></script>
<!-- /js files -->
</body>
</html>